<template name="header_messages">
  <li class="nav-item">
    <a class="nav-icon position-relative mr-2 message-modal-header-button" role="button" href="#">
      <i class="material-icons">message</i>
      <!-- <span class="hint hint-danger"></span> -->
    </a>
    <div class="modal fade" id="message-modal" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered modal-message" role="document">
        <div class="modal-content">
          {{> Template.dynamic template=modalContent}}
        </div>
      </div>
    </div>
  </li>
</template>